<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <title>MiniRefresh Showcase</title>
        <link rel="stylesheet" href="./common/common.css" />
    </head>

    <body>
        <nav class="navbar-header">MiniRefresh Showcase</nav>
        <div class="content">
            <p class="nav-tips">base showcase 基础示例</p>
            <ul class="data-list" >
                <li class="list-item">
                    <a class="msg-title" href="base/base_list.html">base-list 基本新闻列表</a>
                    <span class="msg-fs14 msg-date">最简单的列表实现</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="ajax/ajax_list.html">ajax_list ajax 分页示例</a>
                    <span class="msg-fs14 msg-date">简单的 ajax 分页示例</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="base/options_list.html">options-list 列表的配置项</a>
                    <span class="msg-fs14 msg-date">演示了所有的配置项的使用</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="base/successanim_list.html">successanim-list 成功动画列表</a>
                    <span class="msg-fs14 msg-date">带下拉成功动画的列表示例</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="base/csstranslate_list.html">csstranslate-list translate动画</a>
                    <span class="msg-fs14 msg-date">是否downWrap开启translate动画</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="base/onecontainer_multilist.html">onecontainer-multilist 单Minirefresh容器</a>
                    <span class="msg-fs14 msg-date">单个MiniRefresh容器实现多个列表效果</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="base/multicontainer_multilist.html">multicontainer-multilist 多Minirefresh容器</a>
                    <span class="msg-fs14 msg-date">多个MiniRefresh容器实现多个列表效果</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="vue/vue_list.html">vue-list vue支持</a>
                    <span class="msg-fs14 msg-date">支持在Vue下的使用</span>
                </li>
            </ul>           
            
            <p class="nav-tips">themes showcase 主题的使用</p>
            <ul class="data-list" >
                <li class="list-item">
                    <a class="msg-title" href="themes/theme_applet.html">【applet】 仿小程序主题</a>
                    <span class="msg-fs14 msg-date">仿微信小程序下拉刷新</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="themes/theme_taobao.html">【taobao】 仿淘宝主题</a>
                    <span class="msg-fs14 msg-date">仿淘宝小拉刷新，包括淘宝二楼效果</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="themes/theme_drawer3d.html">【drawer3d】 3D抽屉效果主题</a>
                    <span class="msg-fs14 msg-date">下拉带3D抽屉效果</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="themes/theme_drawerslider.html">【drawerslider】 滑动抽屉效果主题</a>
                    <span class="msg-fs14 msg-date">下拉时scroll不动，抽屉滑动出来</span>
                </li>
            </ul>
            
            <p class="nav-tips">scroll-nested showcase 和一些scroll嵌套的示例</p>
            <ul class="data-list" >
                <li class="list-item">
                    <a class="msg-title" href="scroll-nested/nested_muitransparent.html">【muibar transparent】 透明导航栏嵌套</a>
                    <span class="msg-fs14 msg-date">内部嵌套一个mui的透明导航栏</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="scroll-nested/nested_horizonscroll.html">【horizontal scroll】 横向滑动嵌套</a>
                    <span class="msg-fs14 msg-date">内部嵌套一个横向滑动示例</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="scroll-nested/nested_slider.html">【mui slider】 图片轮播嵌套</a>
                    <span class="msg-fs14 msg-date">内部嵌套一个图片轮播的单列表示例</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="scroll-nested/nested_muiscroll.html">【mui scroll】 mui-scroll嵌套</a>
                    <span class="msg-fs14 msg-date">嵌套在mui-scroll内部的多列表示例</span>
                </li>
                <li class="list-item">
                    <a class="msg-title" href="scroll-nested/nested_swipe.html">【swipe】 swipe嵌套</a>
                    <span class="msg-fs14 msg-date">嵌套在swipe内部的多列表示例</span>
                </li>
            </ul>
            
        </div>
    </body>

</html>